/* stylelint-disable declaration-bang-space-before */
//--- YYERP2.0样式变量（yyerp） ---//
// 定制样式变量接口，所有组件定制变量存于该文件
// 允许修改变量参数请查看 variable.scss 覆盖相应变量参数即可

//--- 全局颜色（colors）
//-- 默认状态（default）
$primary-color                     : #005a87;
$theme-default-color               : #005a87 !default; // #008784
$theme-primary-color               : #5C94DF !default; // #00a09d  #008ca0
$theme-highlight-color             : #red !default;
$theme-select-color                : #e6f3f3 !default;
$theme-select-active-color         : #aedaf5 !default; //#ecf6f6
$theme-hover-color                 : #4d76b3 !default;
$theme-active-color                : #003a57 !default;
$theme-disable-color               : #777 !default;
$text-color                        : #666;
$disabled-color                    : rgba(0,0,0,0.6);

$selection-color                   : $theme-primary-color;

//--- 整体框架（frame）
//-- 布局（layout）
$layout-gutter                     : 8px;

//-- 头部（header）
$header-top                        : 0;
$header-bottom                     : auto;
$header-left                       : 0;
$header-right                      : auto;
$header-wd                         : calc(100% - 125px);
$header-hg                         : 48px;
$header-bg                         : linear-gradient(to right, #3c8dbd, rgba(31,50,60,1));//rgba(27,71,97,1)
$header-box-shadow                 : none ;
$header-layout-margin              : 0 0 0 125px;
$header-collapsed-wd               : $header-wd;//calc(100% - 64px)
$header-collapsed-margin           : $header-layout-margin;//0 0 0 64px
$header-btn-bg                     : rgba(2,126,205,1);
$header-btn-color                  : #F9DE48;
$header-btn-menu-hover             : #E6A23C;

// 导航按钮（nav-item）
$header-item-display               : none;

// 商标（logo）
$header-logo-position              : fixed;
$header-logo-top                   : 13px;
$header-logo-left                  : 10px;//46px
$header-logo-display               : inline;
$header-logo-collapsed-display     : none;
$header-logo-collapsed-top         : $header-logo-top;//9px
$header-logo-collapsed-left        : -15px;//-17px

//-- 侧边栏（aside）
$aside-wd                          : 126px;
$aside-hg                          : 100vh;
$aside-bg                          : #ecf6f6;
$aside-padding                     : ($header-hg + 24px) 0 25px;
$aside-margin                      : 0;
$aside-bg                          : linear-gradient(to bottom, rgba(27,71,97,1), rgba(31,50,60,1));
$aside-collapsed-wd                : $aside-wd;//$layout-gutter * 8

// 气泡菜单（menu）
$aside-menu-text-color             : #666 !default;
$aside-menu-text-hover-color       : $theme-default-color;//#005a87
$aside-menu-selected-text-color    : $theme-default-color;
$aside-menu-selected-bg-color      : $theme-select-active-color;//#aedaf5
$aside-menu-selected-bg-h-color    : #162933;
$aside-menu-con-selected-bg-color  : #e6f3f3;
$aside-menu-border-left-h-color    : 3px solid $theme-default-color;//#00a09d
$aside-menu-selected-box-shadow    : 0 3px 10px rgba(0,0,0,0.5) inset, 0 -3px 10px rgba(0,0,0,0.5) inset;
$aside-menu-collapsed-fs           : 30px;
$aside-menu-collapsed-border       : bolck;
$aside-menu-collapsed-display      : bolck;

$aside-menu-input-bg               : transparent;
$aside-menu-input-suffix-color     : #fff;

$aside-menu-group-display          : block;
$aside-menu-group-align            : center;
$aside-menu-group-title-selected   : 0;
$aside-menu-group-icon-fs          : 32px;
$aside-menu-group-text-fs          : 12px;
$aside-menu-group-text-color       : #e6f3f3;
$aside-menu-group-text-hover-color : #dfffff;
$aside-menu-group-text-padding     : 0 16px 0 13px;

$aside-menu-pop-arrow-top          : 30px;
$aside-menu-pop-arrow-left         : 11px;
$aside-menu-pop-arrow-shadow       : none;
$aside-menu-pop-arrow-shadow-d     : none;
$aside-menu-pop-inner-top          : 0;
$aside-menu-pop-inner-left         : $aside-wd - 1px;
$aside-menu-pop-inner-shadow       : none;
$aside-menu-pop-inner-border-right : 1px solid rgba(0, 0, 0, 0.15);
$aside-menu-pop-inner-border-radius: 0;
$aside-menu-pop-inner-content-hg   : 100vh;
$aside-menu-collapsed-arrow-left   : $aside-menu-pop-arrow-left;
$aside-menu-collapsed-inner-left   : $aside-menu-pop-inner-left;
$aside-nav-dept-bg-color           : rgba(249,222,72,0.3) !default;

//--  导航条（reuse-tab）
$reuse-tab-bg                      : transparent;
$reuse-tab-margin                  : 0 400px 0 15px;//0 335px 0 65px
$reuse-tab-border-color            : transparent;
$reuse-tab-color                   : #e6f3f3;
$reuse-tab-active-color            : #dfffff;
$reuse-tab-ink-color               : #dfffff;
$reuse-tab-top                     : 0;
$reuse-tab-zindex                  : 20;

//-- 主体（content）
$apes-header-hg                    : 34px;//--- 头部按钮状态栏（apes-header）
$content-bg                        : #fff;
$content-margin-top                : $header-hg + $apes-header-hg;
$content-margin                    : $content-margin-top 0 0 0;
$content-margin-left               : $aside-wd;
$content-collapsed-margin-left     : $content-margin-left;//$aside-collapsed-wd
$content-hg                        : calc(100vh - #{$content-margin-top});

//--- 盒子（box）
//-- 边框（border）
$border-color-base                 : #d9d9d9;

// 外边框线（outline）
$outline-width                     : 0;

// 不可编辑状态（disabled states）
$disabled-bg                       : transparent;



//--- 布局变量（layout） ---//
$passport-bg                       : url('assets/tmp/img/logo/bg-login(yyerp2.0).jpg');
//$passport-title-text               : url('/assets/tmp/img/logo/yy-logo(yyerp2.0).png');

$login-padding                     : 16px;
$login-bg                          : rgba(0,0,0,0.2);
$login-border-radius               : 10px;
$login-shadow                      : 0px 0px 10px 4px rgba(255,255,255,0.3);
//$login-tabs-color                  : #5C94DF;
//$login-btn-color                   : #5C94DF;
//$login-btn-color-h                 : #4789DF;
$login-auto-color                  : #fff;
//$login-forget-color                : #5C94DF;
$login-tabs-color                  : $theme-primary-color;
$login-btn-color                   : $theme-primary-color;
$login-btn-color-h                 : $theme-default-color;

$login-forget-color                : $theme-default-color;

$global-footer-links-color         : #fff;
$global-footer-links-color-h       : #ffed00;
$global-footer-copyright-color     : #fff;
$global-footer-copyright-links-color: #ffed00;

//--- 组件变量（components） ---//

//--- 表单控件（form）
//--- 按钮（buttons）
$btn-default-color                 : $theme-default-color;
$btn-default-bg                    : #fff;
$btn-default-bg-h                  : #e6e6e6;
$btn-default-border                : #fff;
$btn-default-border-h              : #e0e0e0;

$btn-primary-color                 : #fff;
$btn-primary-bg                    : $theme-primary-color;
$btn-primary-bg-h                  : $theme-hover-color;
$btn-primary-border                : $theme-primary-color;
$btn-primary-border-h              : $theme-highlight-color;

$btn-highlight-color               : #fff;
$btn-highlight-bg                  : $theme-hover-color;
$btn-highlight-border              : $theme-highlight-color;

$btn-disable-color                 : $theme-disable-color;
$btn-disable-bg                    : #fff;
$btn-disable-border                : #fff;

//-- 输入框（input）
$input-border-radius               : 0;

$input-border-type                 : true;
$input-border-width                : 0;
$input-border-bottom               : 1px solid $theme-primary-color;
$input-border-bottom-disabled      : 1px solid $border-color-base;

//-- 选择框（ng-select）
$ng-select-selected-color          : $theme-select-active-color;
$ng-select-option-color            : $theme-select-color;

$ng-select-border-radius           : 0;
$ng-select-shadow-size             : 0;

$ng-select-arrow-disabled-color    : $border-color-base;

//--只读框（span）
$span-disabled                     : $disabled-bg;
$span-border-bottom-disabled       : 1px dashed $border-color-base;


//--- 头部按钮状态栏（apes-header）
//$apes-header-hg                    : 48px;
$apes-header-top                   : $header-hg + 1;

//---反馈控件（feedback）
//-- 模块（modal）
$modal-body-padding                : 8px 16px;


// 复选框（checkbox）
$checkbox-color                    : $theme-default-color;
$checkbox-disabled-bg              : #d9d9d9;


// 表格（ag-grid）
$ag-row-hover                      : #5294d5;//$theme-hover-color
$ag-row-selected                   : #aedaf5;//$theme-select-active-color

// Form
// ---
$label-color: #8c8c8c;

// List items
// ---
$item-active-bg: $theme-select-color;
$item-hover-bg: $theme-select-color;

// LINK
// ---
$link-color: $theme-default-color;
$link-hover-color: $theme-hover-color;
$link-active-color: $theme-active-color;

// Outline
// ---
$outline-color: $theme-default-color;

// Sidebar
// ---


// Input
// ---
//$input-height-base: 28px;

// Button
// ---
//$btn-height-base: 28px;





// Radio
$radio-dot-color: $theme-default-color;

// Tabs
// ---
//$tabs-card-height: 28px;
$tabs-card-active-color: $theme-default-color;
$tabs-ink-bar-bg-color: $theme-default-color;
$tab-active-color: $theme-active-color;
$tab-highlight-color: $theme-default-color;
$tab-hover-color: $theme-active-color;

// Notice-icon
// ---
$notice-icon-list-bg-h: $theme-select-color;

// Input
// ---
$input-hover-border-color: $theme-default-color;

// Menu
// ---
$menu-highlight-color: $theme-default-color;
//$menu-item-active-bg: $theme-default-color;
$menu-dark-item-selected-bg: $theme-default-color;

// Ng-Select
// ---


// Calendar
$calendar-color: $theme-default-color;
$calendar-color-active: $theme-select-active-color;

//$calendar-week-bg-h: $theme-primary-color;
//$calendar-week-bg-active: $theme-primary-color;

// TimeLine
// ---
$time-line-main-color: #f2f2f2;
//$time-line-main-bg: #f1f1f1;
$time-line-main-bg: #f6f6f6;
$time-line-border: $time-line-main-color;
$time-line-text: rgba(0, 0, 0, 0.65);
$time-line-icon: $theme-default-color;

// Tree
// ---
$tree-default-bg-h: $theme-select-color;
$tree-primary-color: $theme-select-color;
$tree-primary-bg: $theme-default-color;

$tree-check-box-border-h: $theme-default-color;
$tree-check-box-bg: $theme-default-color;
$tree-check-box-color: #fff;

// Pagination
// ---
$pagination-color: $theme-primary-color;

$pagination-item-active-color-h: $theme-hover-color;
$pagination-item-active-border-h: $theme-hover-color;

$pagination-next-border-h: $theme-hover-color;

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.5);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.5);
}

// 供应商综合面板 饼图及曲线图相关样式
.custom-tooltip {
  width: 100% !important;
  height: 10% !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 0 !important;
  visibility: visible !important;
  display: block !important;
  position: absolute;
  top: 0px;
  left: 0px;
}

.custom-tooltip-item {
  width: 150px;
  height: 50px;
  position: relative;
  float: left;
  margin-left: 20px;
  border-left-style: solid;
  border-left-width: 5px
}

.custom-tooltip-item:first-child {
  margin-left: 0
}

.custom-tooltip-item-name {
  width: 80%;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px
}

.custom-tooltip-item-value {
  width: 80%;
  height: 30px;
  position: absolute;
  bottom: 0px;
  left: 10px;
  color: #262626;
  font-size: 22px;
  /*font-weight: bold*/
}

.pie-legend {
  .legend {
    min-width: 225px !important;
  }
}
